<?php session_start();  ?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width"/>
<title>KARDEXY - Inversiones Vialsa</title>
<link href="<?=base_url(); ?>theme/css2/reset.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/layout.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/themes.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/typography.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/styles.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/shCore.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/bootstrap.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/jquery.jqplot.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/data-table.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/form.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/ui-elements.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/wizard.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/sprite.css" rel="stylesheet" type="text/css">
<link href="<?=base_url(); ?>theme/css2/gradient.css" rel="stylesheet" type="text/css">
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie/ie7.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="css/ie/ie8.css" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie/ie9.css" />
<![endif]-->
<!-- Jquery -->

<script src="<?=base_url(); ?>theme/js/jquery-1.7.1.min.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.ui.touch-punch.js"></script>
<script src="<?=base_url(); ?>theme/js/chosen.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/uniform.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/bootstrap-dropdown.js"></script>
<script src="<?=base_url(); ?>theme/js/bootstrap-colorpicker.js"></script>
<script src="<?=base_url(); ?>theme/js/sticky.full.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.noty.js"></script>
<script src="<?=base_url(); ?>theme/js/selectToUISlider.jQuery.js"></script>
<script src="<?=base_url(); ?>theme/js/fg.menu.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.tagsinput.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.cleditor.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.tipsy.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.peity.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.simplemodal.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.jBreadCrumb.1.1.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.colorbox-min.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.idTabs.min.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.multiFieldExtender.min.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.confirm.js"></script>
<script src="<?=base_url(); ?>theme/js/elfinder.min.js"></script>
<script src="<?=base_url(); ?>theme/js/accordion.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/autogrow.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/check-all.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/data-table.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/ZeroClipboard.js"></script>
<script src="<?=base_url(); ?>theme/js/TableTools.min.js"></script>
<script src="<?=base_url(); ?>theme/js/jeditable.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/duallist.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/easing.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/full-calendar.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/input-limiter.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/inputmask.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/iphone-style-checkbox.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/meta-data.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/quicksand.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/raty.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/smart-wizard.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/stepy.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/treeview.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/ui-accordion.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/vaidation.jquery.js"></script>
<script src="<?=base_url(); ?>theme/js/mosaic.1.0.1.min.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.collapse.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.cookie.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.autocomplete.min.js"></script>
<script src="<?=base_url(); ?>theme/js/localdata.js"></script>
<script src="<?=base_url(); ?>theme/js/excanvas.min.js"></script>
<script src="<?=base_url(); ?>theme/js/jquery.jqplot.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.dateAxisRenderer.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.cursor.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.logAxisRenderer.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.canvasTextRenderer.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.highlighter.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.pieRenderer.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.barRenderer.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.pointLabels.min.js"></script>
<script src="<?=base_url(); ?>theme/js/chart-plugins/jqplot.meterGaugeRenderer.min.js"></script>
<script src="<?=base_url(); ?>theme/js/custom-scripts.js"></script>
<script type="text/javascript">
$(function(){
	$(window).resize(function(){
		$('.login_container').css({
			position:'absolute',
			left: ($(window).width() - $('.login_container').outerWidth())/2,
			top: ($(window).height() - $('.login_container').outerHeight())/2
		});
	});
	// To initially run the function:
	$(window).resize();
});
</script>


<script type="text/javascript">
//$(document).ready(function(){
//	$('#iniciar').click(function(){
//         var user = $('#user').val();
//         var pass = $('#pass').val();
//          $.ajax({
//            'url' :'<?php // echo base_url();?>index.php/login_controller/proccess/',
//            'type' : 'POST',
//            'data' : {'user' : user,'pass' : pass},
//            'success' : function(res){
//            	if(res == 'invalid'){
//                    $('.login_success').fadeOut('fast');
//                    $('.login_invalid').fadeIn('fast');
//                }
//            }
//             
//          });
//        })
//	
//})
</script>


</head>
<body id="theme-default" class="full_block">
<div id="login_page">
	<div class="login_container">
		<div class="login_header blue_lgel">
                    
			<ul class="login_branding">
				<li>
				<?php /*<div class="logo_small">
					<img src="<?=base_url(); ?>theme/images/logo-bingo.png" width="99" height="35" alt="bingo">
				</div>
				<span>All Purpose Responsive Admin Template</span>
				</li>
				<li class="right go_to"><a href="#" title="Go to Main Site" class="home">Go To Main Site</a></li>*/ ?>
			</ul>
		</div>
            
            <div class="login_success" style="display:none;">
			<span class="icon"></span>Login Successfully
            </div>
            <?php  if(isset($error) == 1){  ?>
            <div class="login_invalid" style="display:none;">
			<span class="icon"></span>Invalid Username/Password
		</div>
            <?php } ?>
		<div class="block_container no_block">
                    <form action="index.php/login_controller/proccess" method="post">
				<div class="block_form">
					<ul>
						<li class="login_user">
						<input id="user" name="user" value="" type="text" placeholder="User">
						</li>
						<li class="login_pass">
						<input id="pass" name="pass" type="password" value="" placeholder="Password">
						</li>
					</ul>
                                    <input class="login_btn blue_lgel" id="iniciar" name="enviar" value="Login" type="submit">
				</div>
                        <ul class="login_opt_link" style="display:none;">
					<li><a href="#">Forgot Password?</a></li>
					<li class="remember_me right">
					<input name="" class="rem_me" type="checkbox" value="checked">
					Remember Me</li>
				</ul>
			</form>
		</div>
	</div>
</div>
</body>
</html>